<!DOCTYPE html>             <!--  HTML页面的开始  -->
<html lang="cn">            <!--  指定网页的语言  -->
<head>                      <!--  头信息  -->
    <meta charset="UTF-8">  <!--  指定网页的字符编码  -->
    <title>Title</title>    <!--  标题  -->
</head>
<body>                      <!--  页面的主体内容  -->
	Html 的代码注释          <!-- 这是 html 注释，可以在页面右键查看源代码中看到 -->
    <h1>我的第一个标题</h1>  
    <!--标题 <h1>-<h6> -->
    <p>我的第一个段落。</p> 
    <a href = "https://www.baidu.com">点击我保证跳转</a> 
    <!-- 链接 -->
    <br/> 
    <br/> 
    <br/> 
    <!-- 换行 -->
    <img src="tupian.jpg" width="120" height="180" />
    <!-- 图片（单标签） -->
    
    <!-- html样式 -->
    <h2 style="background-color:red">This is a heading</h2>
    <p style="background-color:green">This is a paragraph.</p>
    <button onclick="showMessage()">点击我</button>
 
    <script>
        function showMessage() {
            alert('你好，世界！');
        }
    </script>
    
</body>
</html>                     <!--  HTML页面的开始  -->